<template>
	<view class="pd pt20 pm20">
		<view class="bgff pd pt20 pm20 box yj8 mb20" v-for="sd in jcdffdf">
			<view class="fz32">
				{{sd.content}}
			</view>
			<view class="czxczxsdt mt20">
				<view class="br" v-for="(sda,idxs) in sd.imgUrl">
					<image @tap="kkzfds(sd.imgUrl,idxs)" class="kdfsdfsdt" mode="aspectFill"
						:src="sda">
					</image>
				</view>
			</view>
			<view class="btm mt20 pt20 z9 fz24 tr">
				上传时间：{{sd.createTime}}
			</view>
		</view>
		<view class="vertical-center mt100" v-if="jcdffdf.length<=0">
		
				<image src="../../static/img/noData.png" class="xczxcertfdgtrr"></image>
				<view class="mt20 z9 fz24">
					暂无数据!
				</view>
		
		</view>
	</view>
</template>
<script lang="ts" setup>
	import { ref } from "vue"
	import { hf, hfer, hfsan, dxrequest, VerifyTheLogin, upImg, yzphone,zidianall } from "@/util/index.js"
	import {onLoad} from "@dcloudio/uni-app"
	const jcdffdf = ref([])
	const kkzfds = (url,idxs) => {
		uni.previewImage({
			current:idxs,
			urls: url,
		})
	}
	const initsd = async()=>{
		uni.showLoading({
			title:"加载中..."
		})
		const {data} = await dxrequest("/api/userdata/page",{
			contentType:6,
			page:1,
			limit:999
		})
		data.list.map(a=>{
			a.imgUrl = a.imgUrl.split(",")
		})
		jcdffdf.value = data.list
		uni.hideLoading()
	}
	onLoad(()=>{
		initsd()
	})
</script>

<style scoped>
	.czxczxsdt {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		grid-template-rows: repeat(1, 1fr);
		grid-column-gap: 20rpx;
		grid-row-gap: 20rpx
	}

	.kdfsdfsdt {
		width: 100%;
		height: 200rpx;

	}
</style>